<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        header {
            overflow: hidden;
            border-radius: 5px;
            box-shadow: 0px 3px #f1f2f3a7;
        }

        nav {
            width: 100%;
            overflow: hidden;
            margin: 10px auto;
            font-size: 14px;
            position: fixed;
            background-color: #f7f7f7;
            margin-top: -8px;
        }

        nav ul {
            width: 33%;
            height: 40px;
            line-height: 40px;
            float: left;
            color: black;
        }

        nav li {
            margin-left: 5px;
            margin-right: 10px;
            float: left;
        }

        nav li a {
            color: black;
        }

        .sousuo {
            width: 25%;
            overflow: hidden;
            float: left;
        }

        .sousuo input {
            width: 90%;
            height: 40px;
            border-radius: 5px;
            background-color: #f1f2f3a7;
        }

        .sousuo img {
            width: 20px;
            margin-left: 5px;
        }

        .denglu {
            width: 40px;
            height: 40px;
            line-height: 40px;
            float: left;
            border-radius: 50px;
            text-align: center;
            color: white;
            background-color: #00aeec;
        }

        .nav2 {
            width: 25%;
            height: 40px;
            float: left;
            color: black;
        }

        .nav2 div {
            width: 14%;
            margin-left: 5px;
            text-align: center;
            float: left;
        }

        .nav2 div:last-child {
            width: 18%;
        }

        .nav2 img {
            margin: auto;
        }

        .tougao {
            width: 7%;
            height: 35px;
            line-height: 35px;
            float: left;
            border-radius: 5px;
            background-color: #fb7299;
        }

        .tougao img {
            margin: 8px 3px 5px 18px;
            float: left;
        }

        .tougao span {
            float: left;
            color: white;
        }

        nav img {
            width: 18px;
        }

        .logo {
            width: 4%;
            margin: 5px;
            float: left;
        }

        a {
            text-decoration: none;
        }

        ul {
            list-style-type: none;
        }

        main {
            width: 1160px;
            margin: 0 auto;
        }

        main div {
            float: left;
        }
    </style>
</head>

<body>
    <header>
        <nav>
            <img src="./image/bilibili.png" alt="" class="logo">
            <ul>
                <li>
                    <a href="">首页</a>
                    <img src="" alt="" style="width: 14px;">
                </li>
                <li>
                    <a href="#">番剧</a>
                </li>
                <li>
                    <a href="#">直播</a>
                </li>
                <li>
                    <a href="#">游戏中心</a>
                </li>
                <li>
                    <a href="#">会员购</a>
                </li>
                <li>
                    <a href="#">漫画</a>
                </li>
                <li>
                    <a href="#">赛事</a>
                </li>
                <li>
                    <a href="#">
                        <img src="" alt="">
                        <span>下载客户端</span>
                    </a>
                </li>
            </ul>
            <div class="sousuo">
                <input type="text">
                <img src="" alt="">
            </div>
            <a href="#" class="denglu">登录</a>
            <div class="nav2">
                <div>
                    <img src="./image/我的大会员.png" alt="" class="dahuiyuan">
                    <p>大会员</p>
                </div>
                <div>
                    <img src="./image/信封.png" alt="">
                    <p>消息</p>
                </div>
                <div>
                    <img src="./image/动态.png" alt="">
                    <p>动态</p>
                </div>
                <div>
                    <img src="./image/收藏.png" alt="">
                    <p>收藏</p>
                </div>
                <div>
                    <img src="./image/历史.png" alt="">
                    <p>历史</p>
                </div>
                <div>
                    <img src="./image/创作者中心.png" alt="" class="dengpao">
                    <p>创作中心</p>
                </div>
            </div>
            <div class="tougao">
                <img src="" alt="">
                <span>投稿</span>
            </div>
        </nav>
    </header>
    <main style="width: 1160px; margin-top: 70px;">
        <p style="font-size: 24px;">活动列表</p>
        <hr>
        <div><img src="./image/PxY92eZfSY.jpg" alt=""></div>
        <div><b>幻塔5.0版本up主激励计划</b>
            <p>【进行中】2025-04-17至2025-06-10</p>
        </div>

    </main>

    <main style="width: 1160px; margin-top: 200px;">


        <div><img src="./image/Q8FEzvRQPA.jpg" alt=""></div>
        <div><b>尘白禁区渊沉曙色激励计划</b>
            <p>【进行中】2025-04-17至2025-05-30</p>
        </div>
        <hr>
    </main>

    <main style="width: 1160px; margin-top: 200px;">


        <div><img src="./image/fviifiUC43.jpg" alt=""></div>
        <div><b>天龙八部十八周年激励计划</b>
            <p>【进行中】2025-04-17至2025-05-17</p>
        </div>
        <hr>
    </main>

    <main style="width: 1160px; margin-top: 200px;">


        <div><img src="./image/qa4WrTk3CS.png" alt=""></div>
        <div><b>万物皆可游戏(4/5月)</b>
            <p>【进行中】2025-04-17至2025-05-16</p>
        </div>
        <hr>
    </main>

    <main style="width: 1160px;margin-top: 200px;">


        <div><img src="./image/qW4FgwY3O4.png" alt=""></div>
        <div><b>2025世界读书日</b>
            <p>【进行中】2025-04-15至2025-05-15</p>
        </div>
        <hr>
    </main>
    <br>
    <div style="background-color: #f7f7f7; width: 100%; margin-top: 130px;">
        <table style="margin-left: 150px; font-size: 14px;">
            <tr>
                <td>关于我们</td>
                <td style="padding-left: 50px;">友情链接</td>
                <td style="padding-left: 50px;">哔哩哔哩周边</td>
                <td style="padding-left: 50px;" rowspan="2">|</td>
                <td style="padding-left: 50px;">帮助中心</td>
                <td style="padding-left: 50px;">工具使用教程</td>
            </tr>
            <tr>
                <td>联系我们</td>
                <td style="padding-left: 50px;">加入我们</td>
                <td style="padding-left: 50px;">bilibili直播服务协议</td>
                <td style="padding-left: 50px;">如何成为主播</td>
                <td style="padding-left: 50px;">公会中心</td>
            </tr>
        </table>

        <table style="margin-left: 150px; font-size: 14px;">

            <tr>
                <td rowspan="2">
                    <img src="./image/屏幕截图 2025-03-25 153457.png" width="100px">
                </td>
                <td style="padding-left: 50px;">广播电视节目制作经营许可证:(沪)字第1284号</td>
                <td style="padding-left: 50px;">互联网icp备案:沪icp备13002172号-3</td>
            </tr>
            <tr>
                <td style="padding-left: 50px;">网络文化经营许可证:沪网文【2013】0480-056号</td>
                <td style="padding-left: 50px;">沪icp证:沪B2-20100043</td>
            </tr>
        </table>
        <table style="margin-left: 150px; font-size: 14px;">
            <tr>
                <td rowspan="2"><img src="./image/屏幕截图 2025-03-25 153516.png" width="100px">
                </td>
                <td style="padding-left: 50px;">信息网络传播视听节目许可证:0910417</td>
                <td style="padding-left: 50px;">12318 全国文化市场举报网站</td>
            </tr>
            <tr>
                <td style="padding-left: 50px;"></td>
                <td style="padding-left: 50px;">上海市互联网违法和不良信息举报中心</td>
            </tr>
        </table>
    </div>


</body>

</html>